/* reset */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dd,
input {
  margin: 0;
  -webkit-text-size-adjust: 100%;
  font-family: Helvetica, "Microsoft Yahei", sans-serif;
  font-weight: normal;
}
ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  display: block;
}
a {
  text-decoration: none;
}
em,
i {
  font-style: normal;
}
a,
input,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  outline: none;
}
html,
body {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.wrap {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
i,
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
/*清浮动*/
.cleafix {
  *zoom: 1;
}
.cleafix:after {
  content: "";
  display: block;
  clear: both;
}
.wrap {
  height: 100%;
  overflow: auto;
}
.homepage,
.gray_bg {
  background: #f2f2f2;
}
.turntable_msg {
  width: 100%;
  height: 1.33333333rem;
  background: #fff;
  text-indent: 1em;
  color: #666;
  font-size: 0.69333333rem;
  line-height: 1.33333333rem;
}
.turntable_con {
  width: 100%;
  height: 20rem;
  background: #ffc254;
  display: flex;
  display: -webkit-flex;
  position: relative;
}
.integral {
  width: 14.48rem;
  height: 1.97333333rem;
  background: url(../img/integral.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0.8rem;
  left: 50%;
  margin-left: -7.25333333rem;
}
/* 大转盘 */
.ly-plate {
  position: relative;
  top: 3.46666667rem;
  width: 14.66666667rem;
  height: 14.26666667rem;
  background: url(../img/zhuan_bg.png) no-repeat;
  background-size: cover;
  margin: 0rem auto;
}
.rotate-bg {
  width: 10.29333333rem;
  height: 10.29333333rem;
  background: url(../img/turn.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 1.22666667rem;
  left: 2.21333333rem;
}
.ly-plate div.lottery-star {
  width: 4.42666667rem;
  height: 6.26666667rem;
  position: absolute;
  top: 2.32rem;
  left: 5.14666667rem;
  outline: none;
  background: url(../img/point.png) no-repeat;
  background-size: cover;
}
/* .ly-plate div.lottery-star img{
	width:100%;
	height:100%;
} */
.ly-plate div.lottery-star #lotteryBtn {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  *left: -2.85333333rem;
}
.turntable_gift {
  width: 3.65333333rem;
  height: 4.21333333rem;
  background: url(../img/liwu.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 2.21333333rem;
  top: 9.33333333rem;
  z-index: 1;
}
.turntable {
  animation: _rotate 8s 0s cubic-bezier(0.6, 0.1, 0.15, 0.7) 1 normal forwards;
  -webkit-animation: _rotate 8s 0s cubic-bezier(0.6, 0.1, 0.15, 0.7) 1 normal forwards;
}
/* end大转盘 */
.turntable_bar {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  height: 3.2rem;
  background: #fbb54c;
  z-index: 3;
}
.turntable_bar .img {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 0.37333333rem;
  margin-right: 0.53333333rem;
}
.turntable_bar .img img {
  width: 100%;
  height: 100%;
}
.turntable_bar .info {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  flex-direction: column;
  -webkit-flex-direction: column;
  font-size: 0.74666667rem;
  color: #fff;
}
.turntable_bar .info span {
  margin-top: 0.26666667rem;
}
.turntable_bar .info em {
  font-weight: bold;
}
.turntable_bar .btn {
  border-radius: 0.32rem;
  background-color: #fe9900;
  box-shadow: 0px 2px 2px 0px #d2912c, inset 0px 4px 4px 0px #fe8d00;
  -webkit-box-shadow: 0px 2px 2px 0px #d2912c, inset 0px 4px 4px 0px #fe8d00;
  width: 6.02666667rem;
  height: 1.86666667rem;
  font-size: 0.74666667rem;
  text-align: center;
  line-height: 1.86666667rem;
  color: #fff;
  margin-right: 0.37333333rem;
}
.winning_wrap {
  background: #ffc254;
}
.winning {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  margin-top: 0.8rem;
  position: relative;
}
.win_top {
  width: 14.4rem;
  height: 3.46666667rem;
  background: url(../img/Winning.png) no-repeat;
  background-size: cover;
  z-index: 3;
}
.win_con {
  width: 17.6rem;
  /* height: 610/@rem;*/
  background: #f5ad41;
  border-radius: 0.53333333rem;
  padding-top: 1.33333333rem;
  padding-bottom: 0.53333333rem;
  margin-top: -1.49333333rem;
  z-index: 2;
  box-shadow: 0px 0.26666667rem 0px 0px rgba(109, 44, 0, 0.2);
  -webkit-box-shadow: 0px 0.26666667rem 0px 0px rgba(109, 44, 0, 0.2);
  margin-bottom: 1.33333333rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.win_con li {
  flex: 1;
  -webkit-flex: 1;
  height: 1.33333333rem;
  padding: 0.53333333rem 0.53333333rem 0 0.53333333rem;
}
.win_con li div {
  flex: 1;
  -webkit-flex: 1;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  border-bottom: 1px solid #D47740;
  color: #B33600;
  line-height: 1.33333333rem;
  font-size: 0.74666667rem;
}
#Record {
  width: 10.72rem;
  height: 2.45333333rem;
  background: url(../img/Record.png) no-repeat;
  background-size: cover;
  margin-bottom: 1.33333333rem;
}
/* 最新活动 */
.search {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0 5%;
  width: 90%;
  height: 3.2rem;
  background: #fff;
  align-items: center;
  -webkit-align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}
.search input[type="text"] {
  flex: 1;
  -webkit-flex: 1;
  height: 1.86666667rem;
  background: #fff;
  padding: 0 0.42666667rem;
  border: 1px solid #ddd;
  border-right: transparent;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 0.69333333rem;
  color: #333;
  border-radius: 0.21333333rem 0 0 0.21333333rem;
}
.search input[type="text"]:focus {
  background: #fff;
}
.search input[type="text"]::-webkit-input-placeholder {
  color: #333;
}
.search input[type="submit"] {
  width: 3.2rem;
  height: 1.86666667rem;
  border: none;
  background: #47A2FF;
  color: #fff;
  border-radius: 0 0.21333333rem 0.21333333rem 0;
  font-size: 0.69333333rem;
}
.activity {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding: 0 0.53333333rem;
  margin-top: 4rem;
}
.activity_list {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  flex-direction: column;
  -webkit-flex-direction: column;
  border: 1px solid #ddd;
  background: #fff;
  margin-bottom: 0.53333333rem;
  overflow: hidden;
}
.activity_list .info {
  display: flex;
  display: -webkit-flex;
  /* flex: 1;
    -webkit-flex: 1; */
  height: 2.02666667rem;
  line-height: 2.02666667rem;
  padding: 0 0.53333333rem;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  font-size: 0.69333333rem;
  color: #333;
  overflow: hidden;
}
.activity_list span {
  display: -webkit-flex;
  display: flex;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.activity_list em {
  color: #999;
}
.activity_list .img {
  flex: 1;
  -webkit-flex: 1;
  height: 7.46666667rem;
  overflow: hidden;
}
.activity_list img {
  width: 100%;
  height: 100%;
}
/* 签到有奖 */
.sign_head {
  width: 100%;
  height: 10.13333333rem;
  background: url(../img/sign_bg.jpg) no-repeat;
  background-size: cover;
  position: relative;
}
.sign_btn {
  width: 6.53333333rem;
  height: 6.53333333rem;
  background: url(../img/sign_btn.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0.74666667rem;
  left: 50%;
  margin-left: -3.25333333rem;
}
.sign_in {
  width: 6.53333333rem;
  height: 6.53333333rem;
  background: url(../img/sign_in.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0.74666667rem;
  left: 50%;
  margin-left: -3.25333333rem;
}
.sign_rule {
  color: #fff;
  font-size: 0.64rem;
  line-height: 0.8rem;
  position: absolute;
  top: 0.64rem;
  right: 0.66666667rem;
}
.sign_rule i {
  width: 0.69333333rem;
  height: 0.69333333rem;
  line-height: 0.69333333rem;
  display: inline-block;
  background: #fff;
  border-radius: 0.34666667rem;
  text-align: center;
  color: #ffa12a;
  font-size: 0.48rem;
  margin-right: 0.16rem;
}
.sign_record {
  color: #fff;
  font-size: 0.64rem;
  line-height: 0.8rem;
  position: absolute;
  top: 0.64rem;
  left: 0.66666667rem;
}
.sign_explain {
  width: 100%;
  text-align: center;
  font-size: 0.69333333rem;
  position: absolute;
  bottom: 1.01333333rem;
  left: 0;
  color: #fff;
}
.continuity {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  height: 9.06666667rem;
  background: #fff;
}
.continuity {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  height: 7.46666667rem;
  background: #fff;
  padding: 0 0.8rem;
}
.continuity_banner {
  width: 8.26666667rem;
  height: 2.64rem;
  background: url(../img/continuity.jpg) no-repeat;
  background-size: cover;
  margin-top: 0.4rem;
  margin-bottom: 0.8rem;
}
.continuity_main {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.continuity_main li {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  padding: 0.16rem 0;
  border-right: 1px solid #ddd;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  position: relative;
}
.continuity_main li:last-child {
  border-right: transparent;
}
.continuity_main li h4 {
  font-size: 0.74666667rem;
  margin-bottom: 0.16rem;
  color: #777;
}
.continuity_main li span {
  font-size: 1.01333333rem;
  color: #444;
}
.continuity_main li i {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  background: url(../img/giftBox.png) no-repeat;
  background-size: cover;
}
.calendar {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding: 0.32rem 0.53333333rem;
  background: #fff;
  margin-top: 0.53333333rem;
}
.calendar_head {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  flex-direction: row;
  -webkit-flex-direction: row;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  height: 1.97333333rem;
  line-height: 1.97333333rem;
  border-bottom: 1px dashed #ddd;
}
.calendar_time {
  display: flex;
  display: -webkit-flex;
  width: 6.66666667rem;
  margin-left: 0.26666667rem;
  font-size: 0.8rem;
  color: #666;
  align-items: center;
  -webkit-align-items: center;
}
.calendar_time i {
  width: 0.96rem;
  height: 0.96rem;
  display: inline-block;
  background: url(../img/calendar.png) no-repeat;
  background-size: cover;
  margin-right: 0.26666667rem;
}
.calendar_tips {
  font-size: 0.64rem;
  color: #ff6062;
}
.calendar_Date {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.calendar_Date .week {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  color: #666;
  font-size: 0.8rem;
  margin-top: 0.48rem;
}
.calendar_Date .day {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  color: #777;
  font-size: 0.74666667rem;
}
.calendar_Date .day li {
  flex: 0 0 14.285%;
  -webkit-flex: 0 0 14.285%;
  height: 2.13333333rem;
  line-height: 2.13333333rem;
  text-align: center;
  position: relative;
}
.calendar_Date .day i {
  width: 0.69333333rem;
  height: 0.69333333rem;
  display: inline-block;
  background: url(../img/gou.png) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0.4rem;
  right: 16%;
}
/* 弹窗 */
.sign_popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
/* 赠送说明 */
.sign_popup {
  position: fixed;
  top: 53.33333333rem;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.sign_popup_con {
  width: 86%;
  position: absolute;
  top: 53.33333333rem;
  display: none;
  border-radius: 0.8rem;
  background: #fff;
  margin: 10% 7% 0 7%;
  font-size: 0.69333333rem;
  color: #333;
  padding-bottom: 1.06666667rem;
  transition: top 0.8s cubic-bezier(0.17, 0.57, 0.47, 1.29);
  -webkit-transition: top 0.8s cubic-bezier(0.17, 0.57, 0.47, 1.29);
  transform: translateZ(0.01px);
  -webkit-transform: translateZ(0.01px);
}
.sign_popup_top {
  top: 0;
}
.sign_popup_con h3 {
  border-bottom: 1px solid #8E8E8E;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.86666667rem;
  padding-top: 0.26666667rem;
}
.sign_popup_con section {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding: 0.53333333rem;
  margin-bottom: 0.26666667rem;
}
.sign_popup_con section h4 {
  margin-bottom: 0.37333333rem;
  margin-top: 0.21333333rem;
}
.sign_popup_con section p {
  margin-bottom: 0.21333333rem;
  line-height: 0.96rem;
  padding: 0 0 0 0.8rem;
  color: #666;
}
.sign_popup_close {
  width: 80%;
  height: 2.13333333rem;
  background: #47a2ff;
  margin: 0 10%;
  color: #fff;
  line-height: 2.13333333rem;
  text-align: center;
  border-radius: 0.37333333rem;
}
/* 弹窗 */
.liwu_popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
/* 赠送说明 */
.liwu_popup {
  position: fixed;
  top: 53.33333333rem;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.liwu_popup_con {
  width: 86%;
  position: absolute;
  top: 53.33333333rem;
  display: none;
  border-radius: 0.8rem;
  background: #fff;
  margin: 20% 7% 0 7%;
  font-size: 0.69333333rem;
  color: #333;
  padding-bottom: 1.06666667rem;
  transition: top 0.8s cubic-bezier(0.17, 0.57, 0.47, 1.29);
  transform: translateZ(0.01px);
  -webkit-transition: top 0.8s cubic-bezier(0.17, 0.57, 0.47, 1.29);
  -webkit-transform: translateZ(0.01px);
}
.daili_popup_con {
  margin: 30% 7% 0 7%;
}
.liwu_popup_top {
  top: 0;
}
.liwu_popup_con h3 {
  border-bottom: 1px solid #8E8E8E;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.86666667rem;
  padding-top: 0.26666667rem;
}
.liwu_popup_con section {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.53333333rem;
  margin-bottom: 0.26666667rem;
}
.liwu_popup_con section h4 {
  margin-bottom: 0.37333333rem;
  margin-top: 0.21333333rem;
}
.liwu_popup_con section p {
  margin-bottom: 0.21333333rem;
  line-height: 1.22666667rem;
  padding: 0 0 0 0.8rem;
  color: #666;
  font-size: 0.85333333rem;
}
.liwu_popup_close {
  width: 80%;
  height: 2.13333333rem;
  background: #47a2ff;
  margin: 0 10%;
  color: #fff;
  line-height: 2.13333333rem;
  text-align: center;
  border-radius: 0.37333333rem;
}
#liwu_img {
  width: 12.26666667rem;
  height: 9.86666667rem;
  margin: 0.53333333rem 0;
  background: url(../img/liwu_img.png) no-repeat;
  background-size: cover;
}
#daili_img {
  width: 4rem;
  height: 3.2rem;
  margin: 0.53333333rem 0;
  background: url(../img/daili_img.png) no-repeat;
  background-size: cover;
}
.daili_close {
  width: 2.4rem;
  height: 2.4rem;
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
  position: inherit;
  top: -0.53333333rem;
  right: -0.26666667rem;
  border-radius: 50%;
  text-align: center;
  line-height: 2.4rem;
  color: #999;
  font-size: 1.44rem;
  font-weight: normal;
  font-family: "serif";
}
/* 我的积分*/
.My_points {
  display: flex;
  display: -webkit-flex;
  height: 8rem;
  background: #3883e9;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  color: #fff;
  position: relative;
}
.My_points h3 {
  font-size: 2.13333333rem;
  font-weight: bold;
  color: #fcf600;
}
.My_points span {
  padding-top: 0.26666667rem;
  font-size: 0.8rem;
  color: #bbd5f8;
}
.My_points span i {
  font-size: 0.85333333rem;
  margin-right: 0.26666667rem;
}
.detail {
  position: absolute;
  right: 0.53333333rem;
  top: 0.8rem;
  color: #1148a0;
  font-size: 0.74666667rem;
}
.detail i {
  font-size: 0.74666667rem;
  margin-right: 0.16rem;
}
.welfare {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-bottom: 0.53333333rem;
}
.welfare_head {
  flex: 1;
  -webkit-flex: 1;
  height: 1.86666667rem;
  line-height: 1.86666667rem;
  border-bottom: 1px solid #ddd;
  background: #fff;
  font-size: 0.8rem;
  text-indent: 1em;
  color: #666;
  /* border-left: 8/@rem solid #e62236;*/
}
.welfare_con {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  height: 4.8rem;
  background: #fff;
  border-bottom: 1px solid #ddd;
  font-size: 0.8rem;
}
.welfare_con a {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  border-right: 1px solid #ddd;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.welfare_con a:last-child {
  border-right: transparent;
}
.welfare_con a i {
  font-size: 1.28rem;
  color: #52acff;
}
.welfare_con a span {
  font-size: 0.74666667rem;
  color: #52acff;
  padding-top: 0.21333333rem;
}
.welfare_con a em {
  padding-top: 0.05333333rem;
  font-size: 0.64rem;
  color: #a0a0a0;
}
.exchange {
  margin-bottom: 0.53333333rem;
}
.exchange_bar {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding: 0.26666667rem 0.53333333rem 0.8rem 0.53333333rem;
  background: #fff;
}
.exchange_con {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  height: 4rem;
  background: #F03C72;
  color: #fff;
  position: relative;
  border-radius: 0.26666667rem;
  margin-top: 0.8rem;
  margin-bottom: 0.53333333rem;
}
.exchange_con .img {
  width: 7.46666667rem;
  height: 4.4rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.exchange_con .img img {
  width: 100%;
  height: 100%;
}
.exchange_con .text {
  position: absolute;
  width: 8.53333333rem;
  height: 4rem;
  left: 8rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.exchange_con .text h3 {
  font-size: 0.96rem;
  margin-top: 0.53333333rem;
  margin-bottom: 0.26666667rem;
}
.exchange_con .text h4 {
  font-size: 0.53333333rem;
}
.exchange_con .text h5 {
  font-size: 0.42666667rem;
  position: inherit;
  bottom: 0.16rem;
  right: 0;
}
.exchange_con .line {
  position: absolute;
  right: 0;
  width: 1.6rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
  background: rgba(255, 255, 255, 0.3);
}
.exchange_con .line i {
  font-size: 1.33333333rem;
  opacity: 0.8;
}
.exchange_bar .exchange_con:nth-child(2) {
  background: #FF7400;
}
/* 话费支付 */
.payment_tab {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  height: 2.66666667rem;
  background: #fff;
  align-items: center;
  -webkit-align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
.payment_tab a {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  height: 2.66666667rem;
  font-size: 0.90666667rem;
  color: #c8c8c8;
  border-bottom: 0.10666667rem solid #c8c8c8;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.payment_tab .active {
  color: #52acff;
  border-bottom: 0.10666667rem solid #52acff;
}
.pay_banner {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-top: 2.66666667rem;
}
.pay_banner {
  width: 100%;
  height: 11.46666667rem;
  background: url(../img/pay_bg.jpg) no-repeat;
  background-size: cover;
}
.zhuanfa {
  font-size: 0.74666667rem;
  color: #cd4c5e;
  margin: 0.26666667rem;
}
.zhuanfa i {
  color: #fff;
  margin: 0 0.21333333rem;
}
.payment {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.pay_tab {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  height: 2.34666667rem;
  background: url(../img/pay_tab.png) no-repeat;
  background-size: cover;
  font-size: 0.74666667rem;
  margin-top: -2.34666667rem;
}
.pay_tab_con {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  height: 2.34666667rem;
  padding: 0 1.33333333rem;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
}
.pay_tab_con a {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  height: 1.86666667rem;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  color: #fff;
  font-weight: bold;
  font-size: 0.74666667rem;
  line-height: 1.70666667rem;
}
.pay_tab_con .active {
  border-radius: 20px;
  background-color: #ecb200;
  box-shadow: inset 0px -6px 0px 0px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0px -6px 0px 0px rgba(255, 255, 255, 0.3);
  height: 1.86666667rem;
  line-height: 1.70666667rem;
}
.payment_con {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding: 0 1.2rem;
  background-image: -webkit-linear-gradient(90deg, #48dbcb 76%, #02b998 100%);
  padding-bottom: 1.6rem;
}
.pay_list {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  background: #fff;
  border-radius: 0.53333333rem;
  padding: 0 0.8rem;
  display: none;
}
.pay_list:nth-child(1) {
  display: block;
}
.pay_list a {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  height: 4.4rem;
  padding: 0.53333333rem 0;
  border-bottom: 1px solid #ddd;
}
.pay_list a:last-child {
  border-bottom: transparent;
}
.pay_list .img {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 0.53333333rem;
  overflow: hidden;
}
.pay_list .img img {
  width: 100%;
  height: 100%;
}
.pay_list .title {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  font-size: 0.74666667rem;
  margin-left: 1.33333333rem;
}
.pay_list .title h3 {
  color: #ecb200;
}
.pay_list .title section {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-top: 0.53333333rem;
}
.pay_list .title h4 {
  font-size: 0.69333333rem;
  color: #666;
}
.pay_list .title strong,
.pay_list .title span,
.pay_list .title em {
  color: #ff510e;
}
.pay_list .title strong {
  font-size: 0.8rem;
  padding-left: 0.16rem;
}
.pay_list .title span,
.pay_list .title em {
  font-size: 0.74666667rem;
  padding: 0 0.21333333rem;
  color: #52acff;
}
/* 流量加油*/
.refueling {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  background-color: #10cad7;
  position: relative;
}
.refueling_top {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  width: 100%;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  height: 24.42666667rem;
  background: url(../img/jiayou_bg.png) no-repeat;
  background-size: cover;
}
.refueling_top p {
  display: flex;
  display: -webkit-flex;
  text-align: center;
  width: 8rem;
  font-size: 0.74666667rem;
  font-weight: bold;
  color: #333;
  position: absolute;
  left: 50%;
  margin-left: -4rem;
  top: 4rem;
}
.refueling_top h3 {
  width: 13.33333333rem;
  position: absolute;
  left: 50%;
  margin-left: -6.66666667rem;
  top: 9.6rem;
  text-align: center;
  color: #fff;
  font-size: 1.86666667rem;
  letter-spacing: 0.26666667rem;
}
.refueling_con {
  width: 18.24rem;
  background: #fff;
  border-radius: 0.53333333rem;
  margin-bottom: 1.06666667rem;
  margin-top: -7.73333333rem;
}
.refueling_tab {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  height: 2.13333333rem;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  font-size: 0.8rem;
  color: #c8c8c8;
}
.refueling_tab li {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  height: 2.13333333rem;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-bottom: 2px solid #c8c8c8;
}
.refueling_tab .active {
  color: #52acff;
  border-bottom: 2px solid #52acff;
}
.refueling_main {
  display: flex;
  display: -webkit-flex;
}
.order_details {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0 0.53333333rem;
}
.order_details .content {
  display: flex;
  display: -webkit-flex;
  padding: 1.06666667rem 0;
}
.order_details .content .img {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 0.53333333rem;
  overflow: hidden;
}
.order_details .content .img img {
  width: 100%;
  height: 100%;
}
.order_details .title {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  flex: 1;
  -webkit-flex: 1;
  margin-left: 1.33333333rem;
}
.order_details .title h3 {
  font-size: 0.85333333rem;
  color: #333;
}
.order_details .title section {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  padding-top: 0.26666667rem;
}
.order_details .title h4 {
  font-size: 0.74666667rem;
  color: #333;
}
.order_details .title h4 strong {
  color: #ff510e;
}
.order_details .title section h5 {
  color: #52acff;
}
.order_details .title h5 span {
  font-size: 0.74666667rem;
  padding-right: 0.26666667rem;
}
.order_details .title h5 em {
  font-size: 0.74666667rem;
}
.order_details #number {
  width: 100%;
  height: 2.24rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #52acff;
  text-indent: 1em;
  font-size: 0.85333333rem;
  margin-bottom: 1.06666667rem;
}
.order_details #btn {
  width: 100%;
  height: 2.4rem;
  text-indent: 1em;
  font-size: 0.90666667rem;
  color: #fff;
  border: transparent;
  border-radius: 0.53333333rem;
  background: #52acff;
  margin-bottom: 1.06666667rem;
}
.product_details {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  display: none;
}
.product_details li {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  border-bottom: 1px solid #c8c8c8;
  padding: 0.48rem 0.74666667rem 0.37333333rem 0.74666667rem;
}
.product_details li h4 {
  color: #fe9900;
  font-size: 0.85333333rem;
  margin-bottom: 0.37333333rem;
}
.product_details li h4 i {
  font-size: 0.96rem;
  margin-right: 0.16rem;
}
.product_details li p {
  color: #666;
  font-size: 0.74666667rem;
  margin-bottom: 0.26666667rem;
}
.product_details li:last-child {
  border-bottom: transparent;
}
.details_tab {
  display: none;
}
.details_tab:nth-child(1) {
  display: block;
}
/* 充值流量查询 */
.flow_query {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-top: 2.66666667rem;
  margin-bottom: 0.53333333rem;
}
.flow_query {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding: 0.53333333rem 0.53333333rem 0 0.53333333rem;
  background: #fff;
}
.flow_query #tel {
  flex: 1;
  -webkit-flex: 1;
  height: 2.13333333rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #ddd;
  text-indent: 1em;
  margin-bottom: 0.53333333rem;
  font-size: 0.85333333rem;
}
.flow_query .status {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-bottom: 0.53333333rem;
  position: relative;
}
.flow_query #num {
  width: 75%;
  height: 1.97333333rem;
  text-indent: 1em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #ddd;
  font-size: 0.74666667rem;
}
.flow_query #btn {
  width: 20%;
  height: 1.97333333rem;
  border-radius: 0.53333333rem;
  background: #52acff;
  border: transparent;
  font-size: 0.8rem;
  color: #fff;
}
.flow_query #img {
  width: 2.66666667rem;
  height: 1.97333333rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  position: absolute;
  right: 28%;
}
.flow_query #img img {
  width: 100%;
  height: 1.44rem;
}
.flow_query #img span {
  display: inline-block;
  text-align: center;
  line-height: 1.33333333rem;
  width: 100%;
  height: 1.33333333rem;
  background: #ddd;
  color: #666;
  font-weight: bold;
}
.flow_query #validate {
  position: absolute;
  right: 28%;
  width: 4rem;
  height: 1.97333333rem;
  font-size: 0.74666667rem;
  text-align: center;
  line-height: 1.97333333rem;
  color: #52acff;
}
.query_con {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  background: #f8bd08;
  padding: 0 1.06666667rem 0.53333333rem 1.06666667rem;
  position: relative;
  margin-bottom: 0.8rem;
}
.query_con h3 {
  flex: 1;
  -webkit-flex: 1;
  text-align: center;
  line-height: 1.86666667rem;
  color: #fff;
  font-size: 0.8rem;
}
.query_list {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex: 1;
  -webkit-flex: 1;
  padding: 0 0.53333333rem;
  background: #fff;
  border-radius: 0.53333333rem;
}
.query_list li {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  border-bottom: 1px solid #ddd;
  height: 2.13333333rem;
  font-size: 0.8rem;
  line-height: 2.13333333rem;
}
.query_list li:last-child {
  border-bottom: transparent;
}
.query_list li h4 {
  display: flex;
  display: -webkit-flex;
  flex: 0 0 30%;
  -webkit-flex: 0 0 30%;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.query_list li span {
  margin-left: 0.53333333rem;
}
.success {
  width: 3.46666667rem;
  height: 3.46666667rem;
  border-radius: 50%;
  border: 0.10666667rem solid #fd4545;
  background: #fff;
  position: absolute;
  right: 0.93333333rem;
  top: 0.66666667rem;
  text-align: center;
  line-height: 3.2rem;
  color: #fd4545;
  font-weight: bold;
  font-size: 0.77333333rem;
  transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
}
.query_lack {
  background: #b0b0af;
}
.nothingness {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  padding-top: 1.33333333rem;
}
.nothingness img {
  width: 3.01333333rem;
  height: 4.66666667rem;
  margin-bottom: 0.53333333rem;
}
.nothingness em {
  font-size: 1.33333333rem;
  color: #c8c8c8;
}
.recharge_query {
  margin-bottom: 0;
}
.recharge {
  width: 100%;
  height: 10.13333333rem;
  background: url(../img/recharge_bg.jpg) no-repeat;
  background-size: cover;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.re_user {
  display: flex;
  display: -webkit-flex;
  font-size: 0.8rem;
  color: #fff;
  margin: 0.26666667rem 0 0 0.26666667rem;
  align-items: center;
  -webkit-align-items: center;
}
.re_user i {
  margin-right: 0.26666667rem;
  font-size: 0.8rem;
}
.re_view {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.re_view .view {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 6.13333333rem;
  height: 6.13333333rem;
  box-shadow: 0 0 0.26666667rem rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 0.26666667rem rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.re_view #view_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* height: 50%; */
  background: #4fc0ff;
}
.re_view section {
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 100%;
  color: #fff;
  bottom: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.re_flow {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  font-size: 0.74666667rem;
  margin-bottom: 0.26666667rem;
  color: #fff;
}
.re_flow span {
  color: #90eafd;
}
.recharge_main {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  background: #fff;
}
.recharge_main #package {
  border-bottom: 1px solid #ddd;
  line-height: 1.86666667rem;
  padding-top: 0.26666667rem;
  text-indent: 1em;
  font-size: 0.8rem;
  color: #333;
}
.re_content {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex: 1;
  -webkit-flex: 1;
  padding: 0.53333333rem;
}
#re_msg {
  font-weight: bold;
  font-size: 0.8rem;
  color: #666;
  line-height: 1.6rem;
  padding-top: 0.53333333rem;
  padding-left: 0.53333333rem;
}
.re_content h5 {
  font-size: 0.8rem;
  line-height: 1.33333333rem;
  color: #333;
}
.re_content section {
  font-size: 0.74666667rem;
  color: #666;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-bottom: 0.53333333rem;
}
.re_bar {
  width: 100%;
  height: 0.42666667rem;
  border-radius: 0.26666667rem;
  background: #e6e6e6;
  position: relative;
  overflow: hidden;
  margin-bottom: 1.06666667rem;
}
.re_bar i {
  /* width: 20%; */
  height: 0.42666667rem;
  display: inline-block;
  background: #ffab2b;
  position: absolute;
  left: 0;
  top: 0;
}
#re_btn {
  width: 80%;
  height: 2.13333333rem;
  background: #52acff;
  color: #fff;
  text-align: center;
  line-height: 2.13333333rem;
  border-radius: 0.53333333rem;
  border: transparent;
  margin: 0 10%;
  margin-bottom: 1.06666667rem;
  font-size: 0.8rem;
}
#scroll_bar1 {
  width: 70%;
}
#scroll_bar2 {
  width: 30%;
}
.bottom_state {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.13333333rem;
  border-top: 1px solid #ddd;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
  font-size: 0.8rem;
}
.bottom_state li {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
  flex: 1;
  -webkit-flex: 1;
  height: 2.13333333rem;
  border-right: 1px solid #ddd;
}
.bottom_state li:last-child {
  border-right: transparent;
}
.bottom_state a {
  height: 2.13333333rem;
  flex: 1;
  -webkit-flex: 1;
  text-align: center;
  line-height: 2.13333333rem;
  color: #333;
  opacity: 0.9;
}
/* loading */
#loading {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s 0.15s infinite cubic-bezier(0.09, 0.78, 0.26, 1.24);
  animation: line-scale 1s 0.15s infinite cubic-bezier(0.09, 0.78, 0.26, 1.24);
}
.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(0.09, 0.78, 0.26, 1.24);
  animation: line-scale 1s 0.3s infinite cubic-bezier(0.09, 0.78, 0.26, 1.24);
}
.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s 0.45s infinite cubic-bezier(0.09, 0.78, 0.26, 1.24);
  animation: line-scale 1s 0.45s infinite cubic-bezier(0.09, 0.78, 0.26, 1.24);
}
.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s 0.6s infinite cubic-bezier(0.09, 0.78, 0.26, 1.24);
  animation: line-scale 1s 0.6s infinite cubic-bezier(0.09, 0.78, 0.26, 1.24);
}
.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0.75s infinite cubic-bezier(0.09, 0.78, 0.26, 1.24);
  animation: line-scale 1s 0.75s infinite cubic-bezier(0.09, 0.78, 0.26, 1.24);
}
.line-scale > div {
  background-color: #fff;
  width: 0.21333333rem;
  height: 1.6rem;
  border-radius: 0.16rem;
  margin: 0.13333333rem;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
}
.makeMoney {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  /* justify-content: center;
	-webkit-justify-content: center; */
  flex-direction: column;
  -webkit-flex-direction: column;
  padding: 1.06666667rem;
}
.makeMoney_top,
.makeMoney_user {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.makeMoney_top h3 {
  font-size: 0.8rem;
  color: #333;
  line-height: 1.33333333rem;
}
.makeMoney_top a {
  width: 15.2rem;
  height: 2.66666667rem;
  border: transparent;
  background: #52acff;
  text-align: center;
  line-height: 2.66666667rem;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 0.53333333rem;
  margin-top: 0.8rem;
}
.makeMoney_con {
  font-size: 0.69333333rem;
  color: #333;
  line-height: 1.17333333rem;
  margin-top: 0.8rem;
}
.makeMoney_con h4 {
  margin-bottom: 0.16rem;
  padding-top: 0.42666667rem;
}
.makeMoney_img {
  width: 17.06666667rem;
  height: 12rem;
  margin-top: 0.53333333rem;
}
.makeMoney_img img {
  width: 100%;
  height: 100%;
}
.makeMoney_user {
  width: 100%;
}
.makeMoney_user .user {
  display: flex;
  display: -webkit-flex;
  flex-flow: row;
  -webkit-flex-flow: row;
  width: 100%;
  font-size: 0.64rem;
  margin-bottom: 0.8rem;
  margin-top: -0.53333333rem;
}
.makeMoney_user .user a {
  margin-left: 0.53333333rem;
  color: #999;
}
.makeMoney_user .user_img {
  width: 5.33333333rem;
  height: 5.33333333rem;
  border-radius: 2.66666667rem;
  overflow: hidden;
  margin-bottom: 0.8rem;
}
.makeMoney_user .user_img img {
  width: 100%;
  height: 100%;
}
.makeMoney_user h4 {
  font-size: 0.8rem;
  color: #ed3327;
}
/* 流量充值新版 */
.phone_number {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  height: 4.26666667rem;
  background: #fff;
  border-bottom: 1px solid #edeff1;
  padding-left: 0.64rem;
  margin-bottom: 0.64rem;
  /* color: #399bff; */
}
.phone_number #tel {
  position: relative;
}
.phone_number #tel input {
  font-size: 1.33333333rem;
  line-height: 1.6rem;
  margin-top: 0.8rem;
  color: #333;
  border: transparent;
  box-sizing: border-box;
}
#clean {
  width: 0.85333333rem;
  height: 0.85333333rem;
  background: url(../img/clean.png) no-repeat;
  background-size: cover;
  position: absolute;
  right: 0.8rem;
  top: 50%;
  display: none;
}
#operator {
  font-size: 0.58666667rem;
  color: #aaa;
  border: transparent;
  box-sizing: border-box;
  text-indent: 0.32rem;
}
#balance_btn {
  font-size: 0.64rem;
  color: #666;
  padding: 0.26666667rem 0.53333333rem;
  border: 1px solid #edeff1;
  border-radius: 0.26666667rem;
}
.flow_packet {
  background: #fff;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-bottom: 0.64rem;
}
.flow_packet li {
  width: calc(33.33333333%);
  height: 3.36rem;
  border-right: 1px solid #edeff1;
  border-bottom: 1px solid #edeff1;
  box-sizing: border-box;
  text-align: center;
  line-height: 3.36rem;
  font-size: 0.85333333rem;
}
.flow_packet li:nth-child(3n) {
  border-right: transparent;
}
.flow_packet li span {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.flow_packet .active {
  border: transparent;
}
.flow_packet .active span {
  border: 1px solid #108ee9;
  /* background: #f5faff;*/
  color: #108ee9;
}
.flow_price {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-bottom: 0.64rem;
}
.flow_price .flow_price_con:last-child {
  border-bottom: transparent;
}
.flow_price_con {
  -webkit-flex: 1;
  flex: 1;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  height: 1.86666667rem;
  padding: 0.8rem 0.53333333rem;
  background: #fff;
  border-bottom: 1px solid #edeff1;
}
.flow_price_con span {
  width: 3.41333333rem;
  height: 1.86666667rem;
  display: inline-block;
  font-size: 0.64rem;
  border: 1px solid #edeff1;
  border-radius: 0.26666667rem;
  text-align: center;
  line-height: 1.86666667rem;
  box-sizing: border-box;
}
.flow_price_con h4 {
  font-size: 0.64rem;
  color: #666;
  margin-left: 0.53333333rem;
}
.flow_price .active span {
  border: 1px solid #108ee9;
  color: #108ee9;
}
.flow_price .active h4 {
  color: #108ee9;
}
.total {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.93333333rem;
  background: #fff;
  border-top: 1px solid #edeff1;
}
.total_con {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.total_con span {
  color: #108ee9;
  font-size: 0.74666667rem;
  margin: 0 0.53333333rem;
}
.total_con span em {
  font-size: 0.85333333rem;
}
.total_con #btn {
  width: 7.46666667rem;
  height: 2.93333333rem;
  background: #108ee9;
  color: #fff;
  font-size: 0.8rem;
  text-align: center;
  line-height: 2.93333333rem;
}
.flow_info {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  background: #fff;
  margin-bottom: 4rem;
}
.flow_info a {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  color: #333;
  font-size: 0.74666667rem;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 0.53333333rem;
  height: 2.66666667rem;
  border-bottom: 1px solid #edeff1;
}
.flow_info a em {
  color: #ccc;
  font-size: 0.85333333rem;
}
.flow_info a:last-child {
  border-bottom: transparent;
}
.produc_banner {
  margin-top: 2.66666667rem;
  width: 100%;
  height: 8rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.produc_banner em {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.produc_banner em img {
  width: 100%;
  height: 100%;
}
.Operator {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  /* background: #fff;*/
  padding: 0.8rem 0.53333333rem;
  margin-bottom: 2.4rem;
}
.Operator_icon {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.Operator_icon li {
  width: 2.66666667rem;
  height: 2.66666667rem;
}
.Operator_icon li img {
  width: 100%;
  height: 100%;
}
.Operator h3 {
  font-size: 0.69333333rem;
  color: #999;
  line-height: 1.12rem;
  padding: 0.53333333rem 0;
  text-align: justify;
  text-indent: 2em;
}
.Operator h3 span {
  color: #666;
}
.pay_list h3 .pay_list_down,
.order_details h3 .pay_list_down {
  display: inline-block;
  font-size: 0.64rem;
  padding: 0.26666667rem;
  border: 1px solid #0DBEA0;
  color: #0DBEA0;
  border-radius: 0.26666667rem;
}
.pay_list .title h3,
.order_details .title h3 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.collar_banner {
  width: 20rem;
  height: 14.4rem;
  background: url(../img/qd_bg.jpg) no-repeat;
  background-size: cover;
  position: relative;
}
.collar_banner h4 {
  width: 100%;
  font-size: 0.8rem;
  font-weight: bold;
  color: #fcf5a4;
  text-align: center;
  position: absolute;
  bottom: 1.33333333rem;
}
.collar_banner p {
  width: 100%;
  font-size: 0.69333333rem;
  color: #fcf5a4;
  text-align: center;
  position: absolute;
  bottom: 0.26666667rem;
}
.collar_flow {
  width: 90%;
  margin: 0 5%;
}
.collar_flow input {
  width: 100%;
  height: 2.34666667rem;
  border: transparent;
}
.collar_flow input:nth-child(1) {
  background: #fff;
  text-indent: 1em;
  font-size: 0.8rem;
  border-radius: 0.26666667rem;
  margin: 1.6rem 0 1.06666667rem 0;
}
.collar_flow input:nth-child(2) {
  background: #49a0ff;
  text-indent: 0.26666667rem;
  font-size: 0.8rem;
  border-radius: 1.06666667rem;
  color: #fff;
  box-shadow: 0 0.21333333rem 0 0 #3287e3;
}
.collar_flow input:nth-child(2):active {
  box-shadow: none;
  opacity: 0.8;
}
.flow_quan {
  width: 100%;
  margin-top: 0.53333333rem;
}
.flow_quan a {
  width: 18.72rem;
  height: 7.54666667rem;
  display: inline-block;
  margin: 0 0.64rem 0.64rem 0.64rem;
  position: relative;
}
.lingqu {
  background: url(../img/quan.png) no-repeat;
  background-size: cover;
}
.lingquwan {
  background: url(../img/quan2.png) no-repeat;
  background-size: cover;
}
.flow_quan a h4 {
  position: absolute;
  left: 0.96rem;
  top: 5.52rem;
  width: 13.6rem;
  text-align: center;
  font-size: 0.74666667rem;
}
.lingqu h4 {
  color: #ffa205;
}
.lingquwan h4 {
  color: #999;
}
#linquPopup {
  width: 10.77333333rem;
  height: 10.56rem;
  background: url(../img/linquwan.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: -5.2rem;
  margin-left: -5.38666667rem;
}
.linquPopup_top {
  top: 20%;
}
.linqu_con {
  height: 5.86666667rem;
  padding-top: 5.33333333rem;
}
.linqu_con p {
  text-align: center;
}
.linqu_con .liwu_popup_close {
  width: 60%;
  height: 2.13333333rem;
  background: #47a2ff;
  margin: 0 20%;
  color: #fff;
  line-height: 2.13333333rem;
  text-align: center;
  font-size: 0.8rem;
  border-radius: 1.06666667rem;
}
.shopAssistant_head {
  width: 100%;
  height: 6.13333333rem;
  padding-top: 2.66666667rem;
  background: #f36700;
  text-align: center;
  color: #fff;
  margin-bottom: 1.86666667rem;
}
.shopAssistant_head h2 {
  font-weight: bold;
  font-size: 1.28rem;
  line-height: 2.13333333rem;
}
.shopAssistant_head h3 {
  font-size: 0.85333333rem;
  line-height: 1.12rem;
}
.shopAssistant_head h3 em {
  display: inline-block;
  padding: 0 0.53333333rem;
}
.shopAssistant_head h3 i {
  display: inline-block;
  width: 1.65333333rem;
  height: 2px;
  background: #fff;
  vertical-align: middle;
}
.shopAssistant_head a {
  display: inline-block;
  width: 7.57333333rem;
  height: 1.46666667rem;
  background: #ffc59b;
  border-radius: 0.8rem;
  color: #333;
  text-align: center;
  line-height: 1.46666667rem;
  font-size: 0.74666667rem;
  margin-top: 0.48rem;
}
.shopAssistant_head a em {
  vertical-align: middle;
}
.shopAssistant_head a:active {
  opacity: 0.8;
}
.shopAssistant_con {
  width: 18.72rem;
  padding: 0 0.64rem;
}
.shopAssistant_title {
  font-size: 0.85333333rem;
  color: #f36700;
  line-height: 0.96rem;
  margin-bottom: 0.93333333rem;
  font-weight: bold;
}
.shopAssistant_title i {
  display: inline-block;
  width: 0.85333333rem;
  height: 0.85333333rem;
  background: url(../img/shopAssistant_title.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.26666667rem;
}
.shopAssistant_img {
  padding: 0 0.42666667rem;
  margin-bottom: 0.93333333rem;
}
.shopAssistant_img img {
  width: 100%;
}
.shopAssistant_con p {
  font-size: 0.64rem;
  color: #666;
  text-indent: 2em;
  line-height: 0.96rem;
}
.shopAssistant_main {
  margin-top: 1.86666667rem;
  margin-bottom: 0.8rem;
}
.shopAssistant_main h3 {
  font-size: 0.85333333rem;
  line-height: 1.6rem;
  color: #f36700;
}
.shopAssistant_main h3 em {
  font-weight: bold;
  line-height: 1.12rem;
  display: inline-block;
  border: 1px solid #f36700;
  padding: 0 0.26666667rem;
  margin-right: 0.21333333rem;
}
.shopAssistant_icon {
  display: inline-block;
  width: 1.30666667rem;
  height: 1.12rem;
  background: url(../img/shopAssistant_icon.png) no-repeat;
  background-size: cover;
  color: #f36700;
  font-size: 0.58666667rem;
  line-height: 1.12rem;
  text-indent: 0.42666667rem;
  margin-right: 0.53333333rem;
}
.shopAssistant_list {
  margin-top: 0.8rem;
  margin-bottom: 0.26666667rem;
}
.shopAssistant_list li {
  color: #666;
  font-size: 0.74666667rem;
  line-height: 1.33333333rem;
  margin-bottom: 0.64rem;
}
.shopAssistant_list li span {
  color: #f36700;
}
.shopAssistant_main h4 {
  font-size: 0.85333333rem;
  color: #f36700;
}
.Assistant_img {
  width: 100%;
  text-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 0.26666667rem 0;
}
.Assistant_img img {
  max-width: 100%;
  min-width: 60%;
  display: inline-block;
}
.Assistant_img5 {
  width: 100%;
  text-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 0.26666667rem 0;
}
.Assistant_img5 img {
  width: 60%;
  display: inline-block;
}
.shopAssistant_list .sanjiao {
  width: 0;
  height: 0;
  display: inline-block;
  border-top: 0.32rem solid transparent;
  border-left: 0.48rem solid #f36700;
  border-bottom: 0.32rem solid transparent;
  margin: 0 0.21333333rem;
}
#Assistant_img2 {
  display: inline-block;
  width: 1.76rem;
  vertical-align: middle;
  margin-left: 0.26666667rem;
}
#Assistant_img3 {
  display: inline-block;
  width: 5.6rem;
  vertical-align: middle;
  margin-left: 0.26666667rem;
}
.shopAssistant_main p {
  font-size: 0.74666667rem;
  text-indent: 2em;
  line-height: 1.28rem;
}
.shopAssistant_main p span {
  color: #f36700;
}
.shopAssistant_text h4 {
  margin-top: 0.8rem;
  line-height: 1.33333333rem;
  font-size: 0.74666667rem;
  color: #f36700;
}
.shopAssistant_text h5 {
  font-size: 0.74666667rem;
  color: #666;
  line-height: 1.06666667rem;
}
.shopAssistant_text p {
  font-size: 0.74666667rem;
  color: #666;
  text-indent: 2em;
  text-align: justify;
}
.shopAssistant_text span {
  color: #f36700;
}
.jiayou_bg {
  width: 100%;
  height: 9.06666667rem;
  background: url(../img/newjiayou.png) no-repeat;
  background-size: cover;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.jiayou_bg h2 {
  color: #fff;
  font-weight: bold;
  font-size: 1.33333333rem;
  text-align: center;
  text-shadow: 0px 0.21333333rem 0.37333333rem rgba(140, 2, 13, 0.7);
  margin-bottom: 0.53333333rem;
}
.jiayou_bg section {
  width: 14.93333333rem;
  padding: 0.37333333rem 0;
  text-align: center;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.jiayou_bg section p {
  text-align: center;
  color: #fff;
  font-size: 0.64rem;
  line-height: 1.01333333rem;
}
.jiayou_main {
  width: 18.72rem;
  padding: 0 0.64rem;
  margin-top: -0.26666667rem;
}
.jiayou_flow {
  width: 17.44rem;
  height: 5.33333333rem;
  padding: 0.64rem;
  border: 1px solid #aaa;
  background: #f3f3f3;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  position: relative;
}
.jiayou_img {
  width: 5.33333333rem;
  height: 5.33333333rem;
  background: #fff;
}
.jiayou_img img {
  width: 100%;
  height: 100%;
}
.jiayou_title {
  width: 11.33333333rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  margin-left: 0.53333333rem;
}
.jiayou_title h3 {
  font-size: 0.85333333rem;
  color: #2e2e2e;
  margin-bottom: 0.26666667rem;
  margin-top: 0.26666667rem;
}
.jiayou_title h4 {
  font-size: 0.74666667rem;
  color: #ff5408;
  margin-bottom: 0.26666667rem;
}
.jiayou_title h4 span {
  font-size: 1.01333333rem;
}
.jiayou_title h4 em {
  font-size: 0.64rem;
  color: #2388f9;
  margin-right: 0.53333333rem;
}
#shanfu {
  width: 2.66666667rem;
  height: 2.4rem;
  display: inline-block;
  background: url(../img/shanfu.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0.26666667rem;
  right: 0.26666667rem;
  z-index: 10;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; */
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
.jiayou_tishi {
  display: flex;
  display: -webkit-flex;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  line-height: 2.08rem;
}
.jiayou_tishi a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 0.74666667rem;
  color: #757575;
  margin-left: 0.8rem;
  margin-right: 0.26666667rem;
}
.jiayou_tishi a:active {
  color: #ff5408;
}
.jiayou_tishi a i {
  color: #ff4f01;
  font-size: 0.96rem;
  margin-right: 0.16rem;
}
.icon-QR {
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  background: url(../img/icon-QR.png) no-repeat;
  background-size: cover;
}
.jiayou_Order {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-bottom: 2.66666667rem;
}
.jiayou_Order #tel {
  width: 100%;
  height: 2.4rem;
  border: 1px solid #ff5408;
  text-indent: 1em;
  font-size: 0.96rem;
  box-sizing: border-box;
  margin-bottom: 0.64rem;
  border-radius: 0;
}
.jiayou_Order #tel::-webkit-input-placeholder {
  font-size: 0.8rem;
  color: #999;
}
.jiayou_button {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-bottom: 1.06666667rem;
  margin-top: 1rem;
}
.jiayou_button a {
  width: 9.06666667rem;
  height: 2.4rem;
  display: inline-block;
  border-radius: 0.16rem;
  color: #fff;
  text-align: center;
  line-height: 2.4rem;
  background: #ff5408;
  background-image: -webkit-linear-gradient(180deg, #ff4b01 0%, #ff8a01 100%);
  border: transparent;
  font-size: 0.8rem;
}
.jiayou_Order #button {
  width: 100%;
  height: 2.4rem;
  display: inline-block;
  border-radius: 0.16rem;
  color: #fff;
  text-align: center;
  line-height: 2.4rem;
  background: #ff5408;
  background-image: -webkit-linear-gradient(180deg, #ff4b01 0%, #ff8a01 100%);
  border: transparent;
  font-size: 0.8rem;
}
.jiayou_Order #button:active,
.jiayou_button a:active {
  background: #FD834C;
}
#jiayou_tishi {
  padding-top: 0.8rem;
  margin-bottom: 2.13333333rem;
}
#jiayou_tishi h2 {
  font-size: 0.96rem;
  color: #ff5408;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
}
#jiayou_tishi h2 i {
  display: inline-block;
  width: 5.86666667rem;
  height: 1px;
  background: #b5b5b5;
}
#jiayou_tishi h3 {
  font-size: 0.74666667rem;
  color: #ff5408;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin-top: 1.06666667rem;
  line-height: 2.13333333rem;
}
#jiayou_tishi h3 .iconfont {
  font-size: 1.01333333rem;
}
#jiayou_tishi p {
  font-size: 0.69333333rem;
  color: #888;
  padding-left: 1.12rem;
  line-height: 1.12rem;
  margin-bottom: 0.26666667rem;
}
#jiayou_tishi h3 em {
  margin-left: 0.26666667rem;
  font-weight: bold;
}
.juboon_popup,
.QR_popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
}
.juboon_popup_con,
.QR_popup_con {
  position: fixed;
  top: 30%;
  left: 50%;
  width: 16rem;
  padding-bottom: 1.06666667rem;
  background: #fff;
  margin-left: -8rem;
  border-radius: 0.53333333rem;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
}
.QR_popup_con {
  top: 20%;
}
.juboon_popup_close,
.QR_popup_close {
  width: 70%;
  height: 2.08rem;
  text-align: center;
  color: #fff;
  font-size: 0.74666667rem;
  background: #ff5408;
  background-image: -webkit-linear-gradient(180deg, #ff4b01 0%, #ff8a01 100%);
  border-radius: 0.26666667rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.popup_title,
.QR_popup_title {
  width: 100%;
  height: 2.66666667rem;
  display: inline-block;
  background: #ff5408;
  color: #fff;
  font-size: 0.85333333rem;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.juboon_popup_con section,
.QR_popup_con section {
  width: 14.4rem;
  padding: 1.6rem 0.8rem;
  text-align: center;
}
.QR_popup_con section {
  padding: 0.8rem;
}
.juboon_popup_con section p {
  font-size: 0.74666667rem;
  color: #666;
}
.QR_popup_con .img {
  width: 6.4rem;
  height: 6.4rem;
  box-sizing: border-box;
  padding: 0.53333333rem;
}
.QR_popup_con .img img {
  width: 100%;
  height: 100%;
}
.QR_popup_con section {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
.forwards {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.difference {
  width: 18.72rem;
  padding: 0.8rem 0.64rem;
}
.difference h2 {
  font-size: 0.96rem;
  color: #ff6b09;
  text-align: center;
  line-height: 2.4rem;
}
.difference p {
  font-size: 0.64rem;
  line-height: 1.22666667rem;
  color: #666;
  margin-bottom: 0.26666667rem;
  text-align: justify;
}
.difference h3 {
  border-left: 0.21333333rem solid #ff6b09;
  color: #ff6b09;
  text-indent: 0.26666667rem;
  font-size: 0.8rem;
  line-height: 0.96rem;
  margin-top: 0.53333333rem;
}
.difference .img {
  width: 100%;
  padding: 0.42666667rem 0;
}
.difference .img img {
  width: 100%;
}
.difference .color {
  color: #ff6b09;
}
.juboon_share {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
}
.juboon_share_con {
  width: 14.26666667rem;
  height: 9.89333333rem;
  position: inherit;
  right: 0.8rem;
  top: 0.8rem;
}
.juboon_share_con img {
  width: 100%;
}
.liwu_popup_jilv {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding-top: 0.53333333rem;
  color: #777;
}
.liwu_popup_jilv:active {
  color: #47a2ff;
}
ul.jiayou_tab {
  width: 100%;
  height: 1.92rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
ul.jiayou_tab li {
  width: 8rem;
  height: 0.90666667rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 0.85333333rem;
  color: #666;
  text-align: center;
}
ul.jiayou_tab li:nth-child(1) {
  border-right: 1px solid #999;
}
ul.jiayou_tab li em {
  line-height: 1.86666667rem;
  padding: 0 0.42666667rem;
  display: inline-block;
}
ul.jiayou_tab li.active em {
  color: #ff4d01;
  border-bottom: 0.16rem solid #ff4d01;
}
ul.CheckBox {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 0.64rem;
}
ul.CheckBox li {
  width: 8rem;
  font-size: 0.74666667rem;
  color: #666;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
ul.CheckBox span {
  width: 0.90666667rem;
  height: 0.90666667rem;
  display: inline-block;
  background: url(../img/checkbox.png) no-repeat;
  background-size: cover;
  margin-right: 0.26666667rem;
}
ul.CheckBox .active span {
  background: url(../img/checkboxAc.png) no-repeat;
  background-size: cover;
}
.jiayou_Order .VerificationCode {
  width: 100%;
  height: 2.4rem;
  border: 1px solid #aaa;
  font-size: 0.96rem;
  box-sizing: border-box;
  margin-bottom: 1.06666667rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.jiayou_Order .VerificationCode input[name^="text"] {
  width: 11.6rem;
  height: 1.12rem;
  font-size: 0.85333333rem;
  border: none;
  border-right: 1px solid #aaa;
  text-indent: 1em;
  border-radius: 0;
}
.jiayou_Order .VerificationCode input[name^="text"]::-webkit-input-placeholder {
  font-size: 0.8rem;
  color: #999;
}
.VerificationCode #code {
  width: 7.12rem;
  height: 1.12rem;
  text-align: center;
  border: none;
  color: #ff5001;
  font-size: 0.74666667rem;
  border-radius: 0;
  -webkit-text-fill-color: #ff5001;
  -webkit-opacity: 1;
  opacity: 1;
}
.VerificationCode input[name="code"]:disabled {
  background-color: transparent;
}
.VerificationCode input[name="code"]:disabled,
.VerificationCode input[name="code"][disabled] {
  color: #f5a42a;
  -webkit-text-fill-color: #f5a42a;
  -webkit-opacity: 1;
  opacity: 1;
  background-color: transparent;
}
.VerificationBox {
  display: none;
}